<nav class="fixed-nav-box bg">
  <div class="nav-wrapper">
    <div>
      <a href="javascript:;" class="hoverLink" routerLink="/monitorShop"><i class="fa fa-angle-left pr5"></i>{{'返回'|translate}}</a>
    </div>
  </div>
</nav>
<div class="page-container">
  <div class="container pt72">
    <nav mat-tab-nav-bar>
      <a mat-tab-link routerLink="sell" routerLinkActive #rla1="routerLinkActive" [active]="rla1.isActive">{{'销售趋势'|translate}}</a>
      <a mat-tab-link routerLink="brand" routerLinkActive #rla2="routerLinkActive" [active]="rla2.isActive">{{'品牌分析'|translate}}</a>
      <a mat-tab-link routerLink="category" routerLinkActive #rla3="routerLinkActive" [active]="rla3.isActive">{{'类别分析'|translate}}</a>
      <a mat-tab-link routerLink="product" routerLinkActive #rla4="routerLinkActive" [active]="rla4.isActive">{{'宝贝列表'|translate}}</a>
      <a mat-tab-link routerLink="doubleProduct" routerLinkActive #rla5="routerLinkActive" [active]="rla5.isActive" class="red-text" *ngIf="shopDoble.sellAmount>0">{{'双11预售宝贝'|translate}}</a>
    </nav>
    <mat-card>
      <mat-card-header>
        <mat-card-title>
          <span class="taobao-icon" [ngClass]="{'icon-service-tianmao':shopInfo.shopType=='商城','icon-service-taobao':shopInfo.shopType=='C店'||shopInfo.shopType==null,'icon-service-tianmaoguoji':shopInfo.shopType =='天猫国际','icon-fest-quanqiugou':shopInfo.shopType =='全球购'}" style="vertical-align: middle;margin-top: -2px;"></span>
          <a href="http://store.taobao.com/shop/view_shop.htm?user_number_id={{shopInfo.uid}}" target="_blank" class="linkHover">{{shopInfo.shopName}}</a>
        </mat-card-title>
        <b fxFlex class="right-align">{{'更新于'|translate}}{{shopInfo.modifyTime | dateFormat}}</b>
      </mat-card-header>
      <mat-card-content>
        <table class="centered responsive-table small">
          <thead>
            <tr>
              <th>{{'主营类目'|translate}}</th>
              <th>{{'日销售额'|translate}}</th>
              <th>{{'日销售量'|translate}}</th>
              <th>{{'近30天销售额'|translate}}</th>
              <th>{{'近30天销售量'|translate}}</th>
              <th>{{'动销宝贝数'|translate}}</th>
              <th>{{'所在城市'|translate}}</th>
              <th>{{'店铺信誉'|translate}}</th>
              <th>{{'开店时间'|translate}}</th>
              <th *ngIf="shopInfo.phone">{{'联系电话'|translate}}</th>
              <th class="red-text" *ngIf="shopDoble.sellAmount>0">{{'双11预售定金'|translate}}</th>
              <th class="red-text" *ngIf="shopDoble.sellAmount>0">{{'双11预售量'|translate}}</th>
              <th class="red-text" *ngIf="shopDoble.sellAmount>0">{{'双11预售额'|translate}}</th>
              <th>{{'监控'|translate}}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><b>{{shopInfo.mainCategory | categoryName}}</b></td>
              <td [matTooltip]="shopInfo.sellMoney | number:'1.0-2'"><span class="tm-yen">¥</span>{{shopInfo.sellMoney | bigNum}}</td>
              <td [matTooltip]="shopInfo.sellAmount | number:0">{{shopInfo.sellAmount| bigNum}}</td>
              <td [matTooltip]="shopInfo.monthSellMoney | number:'1.0-2'"><span class="tm-yen">¥</span>{{shopInfo.monthSellMoney | bigNum}}</td>
              <td [matTooltip]="shopInfo.monthSellAmount | number:0">{{shopInfo.monthSellAmount | bigNum}}</td>
              <td>{{shopInfo.productCount | number:'1.0'}}</td>
              <td>{{shopInfo.loc}}</td>
              <td>
                <img src="http://trendata.oss-cn-hangzhou.aliyuncs.com/marketconditions/credit{{shopInfo.shopLevelType}}.png" style="width: 18px;" *ngFor="let i of shopInfo.shopLevels;let $index = index;" />
              </td>
              <td>{{shopInfo.shopCreateTime | dateFormat }}</td>
              <td *ngIf="shopInfo.phone">{{shopInfo.phone}}</td>
              <td *ngIf="shopDoble.sellAmount>0" [matTooltip]="shopDoble.dingJin">
                <span class="tm-yen">¥</span>{{shopDoble.dingJin | number:0}}
              </td>
              <td *ngIf="shopDoble.sellAmount>0" [matTooltip]="shopDoble.sellAmount|number:0">
                {{shopDoble.sellAmount | bigNum}}
              </td>
              <td *ngIf="shopDoble.sellAmount>0" [matTooltip]="shopDoble.sellMoney| number:0">
                <span class="tm-yen">¥</span>{{shopDoble.sellMoney| bigNum}}
              </td>
              <td>
                <monitor-slide-toggel type="shop" [data]="shopInfo" [checked]="instest"></monitor-slide-toggel>
              </td>
            </tr>
          </tbody>
        </table>
      </mat-card-content>
    </mat-card>
    <en-mark></en-mark>
    <router-outlet></router-outlet>
  </div>
</div>
